<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>天狗美阅</title>
    <link rel="stylesheet" type="text/css" href="../css/amazeui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
     <link rel="stylesheet" type="text/css" href="../css/tngou.css" />
	
</head>
<body>

<div id="wrap">
    
     <div id="main">
     
              
     </div>
      <div id="footer">
             <ul id="footer_list">	
                <li class="list_li am-icon-home am-icon-sm active" onclick="changeIndexFrame(0);" >	               
                    <span class="text">首页</span>	
                </li>	
                <li class="list_li am-icon-newspaper-o am-icon-sm" onclick="changeIndexFrame(1);" >	
                    <span class="text">新闻</span>	
                </li>	
               
               <li class="list_li am-icon-comment-o am-icon-sm" onclick="changeIndexFrame(2);" >	
                    <span class="text">动弹</span>	
                </li>
               
                <li class="list_li am-icon-image am-icon-sm" onclick="changeIndexFrame(3);" >	
                    <span class="text">美图</span>	
                </li>	
                	
                 <li class="list_li am-icon-user am-icon-sm" onclick="changeIndexFrame(4);" >	               
                    <span class="text">我的</span>	
                </li>	
                <li class="list_bar">	
                </li>	
            </ul>	
        </div>
 </div>   
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.min.js"></script>
<script type="text/javascript" src="../script/amazeui.min.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript">
    apiready = function(){
		

      window.openIndexFrames = function(url){	
	        api.openFrame({
	            name: 'main',
	            showProgress:true,
	            url: url,
	            bounces: false,	        
	            rect: {
	                x: 0,
	                y: 0,
                    w: 'auto',
                    h: api.winHeight-50
	            }
	        });
	        };	
        changeIndexFrame(0);

};
    
var aFooterList = $api.domAll('#footer_list .list_li');	
var listBar = $api.dom('#footer_list .list_bar');	    
var changeIndexFrame = function(index){	
 	   for (var i = 0; i < 5; i++) {	
            if (i == index) {	
                $api.addCls(aFooterList[index],'active');	
            } else{	
                $api.removeCls(aFooterList[i],'active');	
            }	
        };	
        listBar.style.webkitTransform = 'translateX('+index*266.5+'%)';	
        if(index==0)openIndexFrames('./home.html');
        if(index==1)openIndexFrames('./top.html');	     
        if(index==2)openIndexFrames('./memo.html');
        if(index==3)openIndexFrames('./image.html');
         if(index==4)openIndexFrames('./user.html');	
        
 }
    
</script>
</html>